<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>咨询师列表</title>
    <style type="text/css">
        table {
            width: 90%;
            background: #6A6AFF;
            margin: 50px auto;
            border-collapse: inherit;/*border-collapse:collapse合并内外边距(去除表格单元格默认的2个像素内外边距*/
        }
        th,td {
            height: 25px;
            line-height: 25px;
            text-align: center;
            border: 2px solid #ccc;
        }
        th {
            background: #999999;
            font-weight: normal;
        }
        tr {
            background: cornflowerblue;
        }
        tr:hover {
            background: #cc0;
        }
        td a {
            color: #06f;
            text-decoration: none;
        }
        td a:hover {
            color: #06f;
            text-decoration: underline;
        }

    </style>
</head>
<body background="/list.png">

<div style="margin-left: 500px">
    <h1 style="color: #4cae4c">心理咨询师列表如下</h1>
</div>
<div style="margin-left: 100px">
    <table border="1" >
        <thead>
        <tr style="text-align:center">
            <th style="color: #444444">咨询师工号</th>
            <th style="color: #444444">咨询师名字</th>
            <th style="color: #444444">咨询师电话号码</th>
            <th style="color: #444444">咨询师状态</th>
            <th style="color: #444444">咨询师种类</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="l:${lists}">
            <td th:text="${l.id}">123</td>
            <td th:text="${l.name}">张三</td>
            <td th:text="${l.tele}">13836396699</td>
            <td th:text="${l.status}">状态</td>
            <td th:text="${l.type}">种类</td>
        </tr>
        </tbody>
    </table>
</div>

</body>
</html>